<template>
    <div class="green_icon">
        <ul>
            <li>
                <img src="../assets/king.png" alt="">
                <span>加入会员·每年预计节省806元</span>
            </li>
            <li>
                <span>5折开卡 ></span>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name:"GreenIcon"
}
</script>

<style lang="less">
.green_icon{
	box-sizing: border-box;
	width: 95vw;
	border-radius: .5rem;
	margin: 0 auto;
	height: 3rem;
	background: rgb(65, 187, 67);
	ul{
		box-sizing: border-box;
		padding: 0 .4rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		li{
			box-sizing: border-box;
			padding: 0 .5rem;
			color: #fff;
			font-size: .8rem;
			display: flex;
			align-items: center;
			img{
				margin-right: .5rem;
			}
		}
	}
}
</style>